.square {
	width:24px;
	height:24px;
	float:left;
	margin:0px;
	cursor:pointer;
	border:1px solid black;
}

div.square:hover {
	border:1px solid white;
}

.hole {
	background-color:black;
}

.p1 {
	background-color:green;
}

.p2 {
	background-color:red;
}

.player {
	border:1px solid yellow;
}

.empty {
	background-color:#dc4;
}

.move {
	/*background-color:grey;*/
	/*border:1px dashed black;*/
	background-image:url('slash.png');
}

div.move:hover {
	background-image:none;
}

div.jumpp1,
div.jumpp2 {
	background-image:url('slash2.png');
}

div.mitosep1:hover,
div.jumpp1:hover {
	background-color:#0f0;
}

div.mitosep2:hover,
div.jumpp2:hover {
	background-color:#f55;
}

#toolbar {
	margin:10px;
	padding:5px;
}

#toolbar a {
	float:left;
	display:block;
	padding:5px;
	border:1px solid black;
	text-decoration:none;
	background-color:black;
	color:white;
	margin:15px;
}

.CL {
	clear:left;
}


.orig, .dest {
	width:10px;
	height:10px;
	margin:5px;
}

.orig {
	border:2px solid blue;
}

.dest {
	border:2px solid blue;
	background-color:blue;
}

.selected {
	width:10px;
	height:10px;
	margin:5px;
	border:2px solid yellow;
	background-color:yellow;
}